// public js
var winW=$(window).width();
var winH=$(window).height();

$("body,html,.bg_wrap").css({
  "padding-top":1,
  "height":winH
})

var html='<div class="popup_wrap popup_gameOver">'+
            '<div class="shadow"></div>'+
            '<div class="popup_main">'+
                '<div class="gameOverMain infomMain pos_a left50">'+
                    '<div class="gameover_flag pos_a"></div>'+
                    '<div class="gameOver_state1">'+
                        '<p class="gameOver_p1">哎哟不错哦，还差一点点~~~</p>'+
                        '<p class="gameOver_p2">本次您行驶了 <span class="yellow">490</span> 米</p>'+
                        '<p class="gameOver_p3">再加点油就可以到达520咯！</p>'+
                    '</div>'+
                    '<div class="gameOver_state2">'+
                        '<p class="gameOver_p5">差之毫厘失之千里！！</p>'+
                        '<p class="gameOver_p6">少侠请重新来过~ </p>'+
                    '</div>'+
                '</div>'+
                '<div class="gameOverOperation pos_a left50">'+
                    '<div class="clearfix">'+
                        '<a href="javascript:;" class="button_wrap pos_r button_Ranking button_Ranking_pos left">'+
                            '<span class="pos_a ranking_flag"></span>'+
                            '<span class="button_word"></span>'+
                        '</a>'+
                        '<a href="javascript:;" class="button_wrap button_restart button_restart_pos right">'+
                            '<span class="button_word"></span>'+
                        '</a>'+
                    '</div>'+
                    '<a href="javascript:;" class="button_wrap button_backIndex button_backIndex_pos dis_b">'+
                        '<span class="button_word"></span>'+
                    '</a>'+
                '</div>'+
            '</div>'+
        '</div>'+
        '<div class="popup_wrap popup_infomSubmit">'+
            '<div class="shadow"></div>'+
            '<div class="popup_main">'+
                '<div class="infomSubmitMain infomMain pos_a left50">'+
                    '<div class="gameover_flag pos_a"></div>'+
                    '<p class="infomSubmit_p1">填写您的信息</p>'+
                    '<div class="input_wrap clearfix">'+
                        '<span class="infomSubmit_s1 left">姓名</span>'+
                        '<input type="text" class="infomSubmit_input right"/>'+
                    '</div>'+
                    '<div class="input_wrap input_wrap2 clearfix">'+
                        '<span class="infomSubmit_s1 left">手机</span>'+
                        '<input type="text" class="infomSubmit_input right"/>'+
                    '</div>'+
                    '<div class="input_wrap input_wrap3 clearfix">'+
                        '<p class="infomSubmit_p2 right">填写正确的信息，以便能够准确发放礼物</p>'+
                    '</div>'+
                '</div>'+
                '<a href="javascript:;" class="button_wrap button_submit button_submit_pos pos_a left50">'+
                    '<span class="button_word"></span>'+
                '</a>'+
            '</div>'+
        '</div>'+
        ''+
        
        '<div class="popup_wrap popup_rule" style="display:block">'+
            '<div class="shadow"></div>'+
            '<div class="popup_main">'+
                '<div class="rulerMain infomMain pos_a left50">'+
                    '<div class="gameover_flag pos_a"></div>'+
                    '<div class="icon_left icon_dur"></div>'+
                    '<div class="icon_right icon_dur"></div>'+
                    '<a href="javascript:;" class="swiper-button-prev prev PN_pos"></a>'+
                    '<a href="javascript:;" class="swiper-button-next next PN_pos"></a>'+
                    '<div class="rule_content_wrap swiper-container">'+
                        '<ul class="rule_content swiper-wrapper clearfix">'+
                            '<li class="swiper-slide rule_sub">'+
                                '<h5 class="rule_title"></h5>'+
                                '<p class="rule_pStyle1 rule_pos1">游戏玩法</p>'+
                                '<p class="rule_pStyle2 rule_pos2">1、游戏开始，按住车型下方按钮进行加速充能，右方能量条显示充能进度，充能时间越久，车辆驶出距离越远。终点设置在520米处，距离终点越近，得分越高，反之得分越低。若超出520米，则此次成绩作废。</p>'+
                                '<p class="rule_pStyle2">2、用户每天有<span class="yellow">3次</span>参与游戏的机会，每分享1次可再获得3次参与游戏的机会；每天最多拥有<span class="yellow">9</span>次游戏机会。</p>'+
                                '<p class="rule_pStyle1 rule_pos3">游戏规则（必看）</p>'+
                                '<p class="rule_pStyle2 rule_pos4">1.活动截止日期为<span class="yellow">2017年5月20日上午10:00</span>，之后游戏的玩家将不计入排名系统。</p>'+
                            '</li>'+
                            '<li class="swiper-slide rule_sub rule_sub2">'+
                                '<h5 class="rule_title"></h5>'+
                                '<p class="rule_pStyle2 rule_pos5">2.进入游戏后所填写的手机号码为本次游戏礼品发放对应号码，若手机号码错误，则视为放弃本次游戏礼品，请谨慎填写。</p>'+
                                '<p class="rule_pStyle2">3.活动结束后粉丝可通过游戏链接重新进入游戏，在“排行榜”内查看自己的最终排名，前300名获奖者即可获得奖品。</p>'+
                                '<p class="rule_pStyle2">4.同一个粉丝只能获得1次奖品（同一个ID、手机号码视为同一个粉丝）。</p>'+
                                '<p class="rule_pStyle2">5.本活动如采取非常规手段，一经发现，将直接取消参赛资格，不予通知。</p>'+
                                '<p class="rule_pStyle2">6.本次活动最终解释权归北京汽车官方旗舰店所有。</p>'+
                            '</li>'+
                            '<li class="swiper-slide rule_sub rule_sub3">'+
                                '<h5 class="rule_title"></h5>'+
                                '<p class="rule_pStyle1 rule_pos6">游戏礼品</p>'+
                                '<p class="rule_pStyle2 rule_pos7">1-30名：可获得100元话费；</p>'+
                                '<p class="rule_pStyle2 rule_pos7">31名-100名：可获得50元话费；</p>'+
                                '<p class="rule_pStyle2 rule_pos7">101名-300名：可获得100M流量。</p>'+
                            '</li>'+
                        '</ul>'+
                    '</div>'+
                    '<span class="paging pos_a"><span class="paging_num">1</span>/3</span>'+
                '</div>'+
                '<a href="javascript:;" class="button_wrap button_iKnow button_iKnow_pos pos_a left50">'+
                    '<span class="button_word"></span>'+
                '</a>'+
            '</div>'+
        '</div>'+
        ''+
        '<div class="popup_wrap popup_ranking" style="display:block">'+
            '<div class="shadow"></div>'+
            '<div class="popup_main">'+
                '<div class="rankingMain infomMain pos_a left50">'+
                    '<div class="gameover_flag pos_a"></div>'+
                    '<div class="icon_left icon_left1 icon_dur"></div>'+
                    '<div class="icon_right icon_right2 icon_dur"></div>'+
                    '<a href="javascript:;" class="swiper-button-prev2 prev PN_pos"></a>'+
                    '<a href="javascript:;" class="swiper-button-next2 next PN_pos"></a>'+
                    '<div class="ranking_wrap swiper-container2">'+
                        '<ul class="ranking_content swiper-wrapper clearfix">'+
                            '<li class="swiper-slide ranking_sub">'+
                                '<dt class="list_top ranking_list">'+
                                    '<span class="s1">排名</span>'+
                                    '<span class="s2">昵称</span>'+
                                    '<span class="s3">行驶距离</span>'+
                                '</dt>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">1</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">2</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">3</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">4</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">5</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">6</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                            '</li>'+
                            '<li class="swiper-slide ranking_sub">'+
                                '<dt class="list_top ranking_list">'+
                                    '<span class="s1">排名</span>'+
                                    '<span class="s2">昵称</span>'+
                                    '<span class="s3">行驶距离</span>'+
                                '</dt>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">1</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">2</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">3</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">4</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">5</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">6</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                            '</li>'+
                            '<li class="swiper-slide ranking_sub">'+
                                '<dt class="list_top ranking_list">'+
                                    '<span class="s1">排名</span>'+
                                    '<span class="s2">昵称</span>'+
                                    '<span class="s3">行驶距离</span>'+
                                '</dt>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">1</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">2</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">3</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">4</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">5</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">6</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                            '</li>'+
                            '<li class="swiper-slide ranking_sub">'+
                                '<dt class="list_top ranking_list">'+
                                    '<span class="s1">排名</span>'+
                                    '<span class="s2">昵称</span>'+
                                    '<span class="s3">行驶距离</span>'+
                                '</dt>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">1</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">2</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">3</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">4</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">5</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                                '<dl class="list_sub ranking_list">'+
                                    '<span class="s1 clearfix">'+
                                        '<span class="number left">6</span>'+
                                        '<img src="" alt="" class="img left"/>'+
                                    '</span>'+
                                    '<span class="s2">汪小峰</span>'+
                                    '<span class="s3">520.00</span>'+
                                '</dl>'+
                            '</li>'+
                        '</ul>'+
                    '</div>'+
                    '<span class="paging pos_a"><span class="paging_num paging_num2">1</span>/<span class="pagin_total"></span></span>'+
                '</div>'+
                '<div class="ranking_operation pos_a left50">'+
                    '<p class="ranking_score">我的最好成绩为 <span class="yellow">488.56</span> 米     排行 <span class="yellow">第3名</span></p>'+
                    '<div class="clearfix ranking_operation_wrap">'+
                        '<a href="javascript:;" class="button_wrap pos_r button_newActiviy button_newActivity_pos left">'+
                            '<span class="button_word"></span>'+
                        '</a>'+
                        '<a href="javascript:;" class="button_wrap button_share button_share_pos right">'+
                            '<span class="button_word"></span>'+
                        '</a>'+
                    '</div>'+
                    '<a href="javascript:;" class="button_wrap button_backIndex button_backIndex_pos3 dis_b">'+
                        '<span class="button_word"></span>'+
                    '</a>'+
                '</div>'+
            '</div>'+
        '</div>'+
        '<div class="popup_wrap popup_share">'+
            '<div class="shadow"></div>'+
            '<div class="popup_main">'+
                '<div class="share_img"></div>'+
                '<a href="javascript:;" class="rule_close dis_b"></a>'+
            '</div>'+
        '</div>'+
        '';

$("html").append(html)